﻿
.wechat-menu{ display:flex; width:100%; height:100%; overflow:hidden; }
.wechat-menu-mobile{ overflow-y:auto; margin-left:15px; margin-top:15px;  margin-bottom:15px; }
.wechat-menu-preview{ width:320px; background-image:url(/platform/resource/img/wechat-menu-header.png); background-repeat:no-repeat; border:1px solid #ddd; height:550px; position:relative; }
.wechat-menu-preview-name{ color:#fff; text-align:center; font-size:14px; width:215px; height:16px; margin-left:58px; margin-top:33px; }
.wechat-menu-preview-footer{ height:50px; position:absolute; bottom:0px; left:0px; right:0px; background-image:url(/platform/resource/img/wechat-menu-footer.png); border-top:1px solid #ddd; display:flex; }
.wechat-menu-preview-footer a{ flex:1; text-align:center; line-height:50px; border-right:1px solid #ddd; position:relative; }
.wechat-menu-preview-footer a:last-child{ border:none; }
.wechat-menu-btn-name{ height:48px; display:block; }

.wechat-menu-preview-footer dl{ display:flex; height:50px; width:100%; }
.wechat-menu-preview-footer dl dt{ width:44px; height:50px; }
.wechat-menu-preview-footer dl dd{ flex:1; border-right:1px solid #ddd; position:relative; }
.wechat-menu-preview-footer dl dd:last-child{ border:none; }
.wechat-menu-btn{ height:50px; display:flex; align-items:center; justify-content:center;box-sizing: border-box; background-color:#f5f5f5; cursor:pointer; font-size:12px; }
.wechat-menu-btn:hover{ background-color:#fbfbfb; }
.wechat-menu-btn.on{ border:1px solid #44b549 !important; color:#44b549; background-color:#fff;  }
.wechat-menu-btn span{ width:90%; height:16px; line-height:16px; overflow:hidden; text-align:center; }
.wechat-menu-btn i{ color:#999; font-size:16px; }
.wechat-menu-preview-footer ul{  position:absolute; bottom:60px; left:0px; right:0px; display:flex; flex-direction:column; }
.wechat-menu-preview-footer ul li{ height:45px; text-align:center; border:1px solid #ddd; border-bottom:none;  box-sizing: border-box; }
.wechat-menu-preview-footer ul li:last-child{ border-bottom:1px solid #ddd;  }

.wechat-menu-edit{ flex:1; margin:15px; border:1px solid #ddd; background-color:#f9f9f9; overflow:auto; }
.wechat-menu-edit input[type=text],.wechat-menu-edit textarea{ border:1px solid #ddd; height:20px; padding:5px 8px; border-radius:3px; }
.wechat-menu-edit textarea{ min-height:60px; }
.wechat-menu-edit select{ border:1px solid #ddd; height:30px; padding:0px 8px; border-radius:3px; }
.wechat-menu-edit select option{ padding:8px 0; }
.wechat-menu-edit-form-label{ margin-right:25px; display:flex; align-items:center; }
.wechat-menu-edit-form-label input{ margin-right:5px; width:14px; height:14px; }
.wechat-menu-edit-input{ display:flex; margin-bottom:15px; align-items:center; }
.wechat-menu-edit-input label{ width:75px;  margin-right:8px; }
.wechat-menu-tabs-content{ border:1px solid #ddd; min-height:150px; width:500px; border-top:none; background-color:#fff; overflow:hidden; }
.wechat-menu-tabs-content-text{ border:none !important; display:block; width:99%;  height:150px !important; }
.wechat-menu-edit-image-upload{ }
.wechat-menu-edit-image-upload img{ margin-bottom:10px; width:180px; border-radius:3px; border:1px solid #ddd; display:block; }
.wechat-menu-edit-image-upload input{ display:none; }